<template>
  <el-dialog draggable v-model="visible" width="50%" custom-class="mydialog" :title="title" :before-close="close"
    destroy-on-close>

  </el-dialog>
</template>

<script setup>
import { ref, } from 'vue'
let visible = ref(false)
let title = ref('详情')
const close = () => {
  visible.value = false
}
defineExpose({ visible, title, })

</script>

<style lang="scss" >
.el-overlay-dialog {
  overflow: hidden;
  height: 100vh;
}

.mydialog {
  overflow: hidden;

  .el-dialog__body {
    height: 75vh;
    overflow: hidden;
  }
}
</style>
